<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>成绩评测</title>
		<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
		<script src="js/jquery.min.js"></script>
	    <script src="plugin/bootstrap.min.js"></script>
	    <script src="js/echarts.min.js"></script>
	    <link href="plugin/bootstrap.min.css" rel="stylesheet" type="text/css" />
	    <link href="css/style2.css" rel="stylesheet" type="text/css" />
	    <link href="css/reset.css" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" href="css/achievement.css" type="text/css" />
		<link rel="stylesheet" href="plugin/bootstrap.min.css" type="text/css" />
	</script>
	</head>
	<body>
		<div class="col">
			<!-- 时间：2018-06-28
        	   描述：预测分析上面的颜色条 -->
			<div class="head_boeder"></div>
			
			<!-- 时间：2018-06-28
	        	描述：标题 -->
	        <p></p>
			<p class="tex">预测分析</p><br/>
			
			<!-- 时间：2018-06-28
            	描述：各项统计图  -->
            <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
			<div id="sixStart" style="width:375px; height:281px; margin-top: 18px;"></div>
            <!-- 时间：2018-06-28
        	   描述：预测分析下面的颜色条 -->
			<div class="foot_boeder"></div>
			
			<!-- 时间：2018-06-28
	        	描述：底部标题 -->
	        <p></p>
			<p class="tex_1">预测评估</p><br/>
			
			<!-- 时间：2018-06-29
            	描述： 底部预测描述 -->
            <p class="word">
            	
            </p>
            
		</div>
	</body>
	<script type="text/javascript">
	var dat;	
	$(function(){
        	$.ajax({
        		type:"GET",
        		url:"/user/ldt",
        		dataType: "json",
        		success: function(result){
					ss=result.data;
					$('.word').append(result.desc);

					var myChart = echarts.init(document.getElementById('sixStart')); 
				var option = {
					title : {
						text: '成绩预测'
					},
					tooltip : {
						trigger: 'axis'
					},
					calculable : true,
					polar : [
						{
							name: { show: true,textStyle:{fontSize:16,color:"#32cd32"}},
							indicator : [
								{text : '输出', max  : 100},
								{text : '发育', max  : 100},
								{text : '团战', max  : 100},
								{text : '生存', max  : 100},
								{text : 'KDA', max  : 100},
							],center : ['50%','50%'],
							radius : 100 //半径，可放大放小雷达图
						}
					],
					series : [
						{
							name:'',
							type: 'radar',//图表类型 radar为雷达图
							itemStyle: {
								normal: {
									lineStyle: {
										color :"#87cefa",
										width : 2,
										name : "sdaddsa"
									},
									areaStyle: {
										color:"#87cefa",
										type: 'default'
									}
								}
							},
							symbolSize :5,
							data : [{
								value:ss,
							}]
						}
					]
				};
	
				$(function(){
					myChart.setOption(option); 
				}); 
						}
					});
				});
		
	</script>

</html>	
